<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MEIZU</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/bottom-function.css">
    <link rel="stylesheet" href="css/phone-ad.css">
    <link rel="stylesheet" href="css/footer.css">
</head>
<body>
    <div class="header">
        <div class="inner-c header-c">
            <div class="header-left">
                <ul>
                    <li><a href="#">魅族官网</a></li>
                    <li><a href="#">魅族商城</a></li>
                    <li><a href="#">Flyme</a></li>
                    <li><a href="#">专卖店</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="header-right">
                <ul>
                    <li><a href="#">注册</a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">我的收藏</a><span class="tips">new</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="inner-c nav">
        <div class="logo-m"></div>
        <ul>
            <li><a href="#">PRO手机</a></li>
            <li><a href="#">魅蓝手机</a></li>
            <li><a href="#">MX手机</a></li>
            <li><a href="#">精选配件</a></li>
            <li><a href="#">智能硬件</a></li>
        </ul>
    </div>
    <div class="main">
        <div class="banner">
            <ul>
                <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
            </ul>
            <img src="images/gotop-arrow.png" alt="" class="left-arrow">
            <img src="images/gotop-arrow.png" alt="" class="right-arrow">
            <ol>
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
        <ul>
            <li><a href="#">全部商品</a></li>
            <li><a href="#">手机</a></li>
            <li><a href="#">智能硬件</a></li>
            <li><a href="#">耳机 / 音箱</a></li>
            <li><a href="#">路由器 / 移动电源</a></li>
            <li><a href="#">保护套 / 后盖 / 贴膜</a></li>
            <li><a href="#">数据线 / 电源适配器</a></li>
            <li><a href="#">周边配件</a></li>
        </ul>
    </div>
    <div class="bottom-function inner-c">
        <ul class="s-function">
            <li><a href="#"><img src="images/1450855246-61162.png" alt=""><br/><span>M码通道</span></a></li>
            <li><a href="#"><img src="images/1450855279-64872.png" alt=""><br/><span>以旧换新</span></a></li>
            <li><a href="#"><img src="images/1450855198-58056.png" alt=""><br/><span>魅族意外保</span></a></li>
            <li><a href="#"><img src="images/1451960447-93534.png" alt=""><br/><span>回购单查询</span></a></li>
        </ul>
        <ul class="list-ad">
            <li><a href="#"><img src="images/1469442560-64371.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/Cix_s1fuEgmAc5NwAABEl576SHY123.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/CnQOjVfhDa2AKtdyAAAtKjihE5E114.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/Cix_s1f66-eAGausAABXAszHWuE990.png" alt=""></a></li>
        </ul>
    </div>
    <div class="phone-ad">
        <div class="inner-c">
        <div class="tt">
        <h2>手机</h2>
        <div class="more"><a href="#">更多<span>></span></a> </div>
        </div>

        <ul>
            <a href="#">
            <li>
                <img src="images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" alt="">
                <div class="hot">热卖</div>
                <div class="text">
                    <p class="pname">魅蓝note3</p>
                    <p class="ptime">11日-12日 限量开售</p>
                    <p class="price">￥799</p>
                </div>
            </li>
            </a>

            <a href="#">
                <li>
                    <img src="images/CnQOjVf8Qm2AGJwmAAf5c4NUNpI085_180x180.png" alt="">
                    <div class="text">
                    <p class="pname">魅蓝3</p>
                    <p class="ptime">11日-12日 公开版限量开售</p>
                    <p class="price">￥599</p>
                    </div>
    
                </li>
            </a>

            <a href="#">
            <li>
                <img src="images/Cix_s1f6EZaAMxvjAA2l_exLROk326_180x180.png" alt="">
                <div class="hot">热卖</div>
                <div class="text">
                <p class="pname">魅蓝3s</p>
                <p class="ptime">11日-12日 限量开售</p>
                <p class="price">￥699</p>
                </div>

            </li>
            </a>

            <a href="#">
            <li>
                <img src="images/CnQOjVf4y6iAe-3RAAbqolcyaco939_180x180.png" alt="">
                <div class="sale">特惠</div>
                <div class="text">
                <p class="pname">魅蓝 metal</p>
                <p class="ptime">领券立减100元</p>
                <p class="price">￥999</p>
                </div>

            </li>
            </a>

            <a href="#">
            <li>
                <img src="images/CnQOjVffSHOAaRkmAA0Rkx2XjKE222_180x180.png" alt="">
                <div class="hot">热卖</div>
                <div class="text">
                <p class="pname">魅蓝 E</p>
                <p class="ptime">全网通 多彩金属机身</p>
                <p class="price">￥1299</p>
                </div>

            </li>
            </a>

        </ul>
    </div>
    </div>

    <div class="footer">
        <ul class="inner-c">
            <li>
                <h2>帮助说明</h2>
                <a href="#"><p>支付方式</p></a>
                <a href="#"><p>配送说明</p></a>
                <a href="#"><p>售后服务</p></a>
                <a href="#"><p>付款帮助</p></a>
            </li>
            <li>
                <h2>Flyme</h2>
                <a href="#"><p>开放平台</p></a>
                <a href="#"><p>固件下载</p></a>
                <a href="#"><p>软件商店</p></a>
                <a href="#"><p>查找手机</p></a>                
            </li>

            <li>
                <h2>关于我们</h2>
                <a href="#"><p>关于魅族</p></a>
                <a href="#"><p>加入我们</p></a>
                <a href="#"><p>联系我们</p></a>
                <a href="#"><p>法律声明</p></a>
            </li>
            <li>
                <h2>关注我们</h2>
                <a href="#"><p>新浪微博</p></a>
                <a href="#"><p>腾讯微博</p></a>
                <a href="#"><p>QQ空间</p></a>
                <a href="#"><p>官方微信</p></a>
            </li>
            <li class="server">
                <p>24小时全国服务热线</p>
                <p class="call">400-788-3333</p>
                <div class="btn"><span>24小时在线客服</span></div>
            </li>
        </ul>
        <div class="copyright">
            <p>©2016 Meizu Telecom Equipment Co., Ltd. All rights reserved. 备案号：粤ICP备13003602号-2 经营许可证编号：粤B2-20130198 营业执照 
                <img src="images/footer-copy-1.png" alt="">
                <img src="images/footer-copy-1.png" alt="">
                <img src="images/trust-icon.png" alt="">
            </p>
        </div>
    </div>
</body>
</html>